@charset "UTF-8"; 
/*这是首页面*/
#home{
	width:100%;
	background: #efefef;
	overflow: hidden;
	padding-bottom: 6.5rem;
	/*头部*/
	header{
		width:100%;
		height: 6.4rem;
		background: #ffd600;
		display: flex;
		align-items:center;
		justify-content: space-between;
		position: fixed;
		top:0px;
		z-index: 10;
		dl{
			width:5rem;
			text-align:center;
			dt{
				width:2.8rem;
				height:2.8rem;
				margin:0 auto;
				img{
					width:100%;
					height:100%;
				}
			}
			dd{
				font-size: 1.4rem;
				margin-top: 0.6rem;
			}
			&:nth-child(1){
				margin-left: 3%;
			}
			&:nth-child(3){
				margin-right: 3%;
			}
		}
		h2{
			font-size: 1.8rem;
		}
	}

	/*轮播图*/
	.swiper1 .swiper-wrapper img{
		width:100%;
	}
	.swiper1{
		margin-top:6.4rem;
		margin-bottom: 1rem;
	}

	/*功能区域*/
	.gnq{
		width:100%;
		background: white;
		padding-bottom: 0.4rem;
		display: flex;
		flex-wrap:wrap;
		dl{
			width:25%;
			text-align: center;
			dt{
				width:78%;
				margin:0.4rem auto;
                img{
                	width:100%;
                }
			}
			dd{
				font-size: 1.4rem;
				margin:0.4rem 0;
				color:#333;
			}
		}
	}

	/*上下轮播区*/
	.upDown{
        width:100%;
        margin:1rem 0;
        background: white;
        padding:0.6rem;
        display:flex;
        .tu1{
        	width:32%;
        	font-size: 0px;
        	img{
        		width:100%;
        	}
        }
        .lunbo{
        	width:63%;
        	margin-left: 3%;
        	line-height: 3.6rem;
        	font-size:1.2rem;
        	color:#999;
        	span{
                padding:0.5rem 0.5rem;
				border:2px solid red;
				border-radius:0.5rem;
        	}
        }
	}

	/*第一组图片*/
	.tp1{
		width:100%;
	    overflow: hidden;
	    img{
			width:33%;
			float:left;
			&:nth-child(2){
				margin-left:0.5%;
				margin-right:0.5%;
			}
		}
	}

	/*第二组图片*/
	.tp2{
		margin-top:1rem;
		margin-bottom:1rem;
		width:100%;
		display: flex;
		flex-wrap:wrap;
		justify-content:space-between;
		div{
			width:49.8%;
			img{
				width:100%;
			}
		}
	}

	/*优选水果*/
	.goodfruit{
		width:100%;
		overflow: hidden;
		margin-bottom:1.3rem;
		.div1{
			width:100%;
			padding-left:5%;
			float:right;
			padding-bottom:1rem;
			background:white;
			p{
				width:100%;
				height:3rem;
				padding-right:1rem;
				display: flex;
				align-items: center;
				justify-content:space-between;
				span{
					font-size:1.6rem;
					display: inline-block;
					height:2rem;
					line-height:2rem;
					padding-left:1rem;
					font-weight:900;
					color:orangered;
					border-left:10px solid orangered;
				}
			}
			img{
				width:100%;
			}
		}
		.goodslist{
			width:100%;
			display:flex;
			flex-wrap:wrap;
			justify-content: space-between;
			.databox{
				background:white;
				background: white;
				text-align: center;
				width:33%;
				img{
					width:90%;
				}
				.pp1{
					line-height:2rem;
					margin-bottom:0.5rem;
					text-align:left;
					padding-left:1rem;
					&:nth-of-type(1){
                        width:80%;
						white-space:nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						font-size:1.5rem;
						font-weight:600;
					}
					&:nth-of-type(2){
                        span{
							padding:0.5rem 0.5rem;
							&:nth-child(1){
								color:#FF0000;
								border:1px solid #FF0000;
								border-radius:0.5rem;
								margin-right:1rem;
							}
							&:nth-child(2){
								color:white;
								background:#FF0000;
								border-radius:0.5rem;
							}
						}
					}
				}
				.div2{
					font-size:1.3rem;
					width: 100%;
					display: flex;
					align-items: center;
					text-align:left;
					padding-left:1rem;
					div{
						p{
							line-height:2.2rem;
							&:nth-child(1){
								color:#DCDCDC;
							}
							&:nth-child(2){
								span{
									&:nth-child(1){
										color:#FF0000;
										font-weight:600;
										margin-right:0.5rem;
									}
									&:nth-child(2){
										font-size:1.2rem;
										text-decoration:line-through;
									}
								}
							}
						}
					}
					img{
						width:2.8rem;
					}
				}
			}
		} 
	}

	/*数据获取区域*/
	.huoqu{
		width:100%;
		padding-top: 3rem;
        border-top:2px solid #ccc;
        display:flex;
        justify-content: space-between;
        flex-wrap:wrap;
        .tiao{
            width:49%;
            background: white;
            box-sizing: border-box;
            padding:0.6rem 1.6rem;
            margin-bottom:0.6rem;
            position: relative;
            .tp3{
            	width: 80%;
            	margin:0 auto;
            	img{
            		width:100%;
            	}
            }
            h3{
            	width:84%;
            	font-size:1.6rem;
            	white-space: nowrap;
            	overflow: hidden;
            	text-overflow: ellipsis;
            }
            .pp2{
            	font-size: 1.2rem;
            	margin:0.4rem 0;
            	span{
            		display:inline-block;
            		padding:0.2rem 0.5rem;
            		border-radius: 0.4rem;
            		border:1px solid red;
            		&:nth-child(1){
                        color:red;
                        margin-right:0.6rem;
            		}
            		&:nth-child(2){
                        background: red;
                        color:white;
            		}
            	}
            }
            .pp3{
            	color:#999;
            	font-size: 1.2rem;
            }
            .pp4{
            	line-height: 2.4rem;
            	span{
            		&:nth-child(1){
            			font-size:1.4rem;
            			color:red;
            			font-weight: bold;
            			margin-right: 0.4rem;
            		}
            		&:nth-child(2){
            			font-size:1.2rem;
            			color:#666;
            			text-decoration:line-through;
            		}
            	}
            }
            .anjian{
            	position:absolute;
            	right:1rem;
            	bottom:0.8rem;
            	display: flex;
            	align-items: center;
            	span{
            		margin:0 0.4rem;
            		font-size: 1.2rem;
            		/*display: none;*/
            	}
            	/*img{
            		&:nth-of-type(1){
            			display:none;
            		}
            	}*/
            }
        }
	}
} 